@layout("/backend/common/_container.html"){

<div class="row">
    <!-- 左 -->
    <div class="col-md-8 col-sm-8 col-xs-12">
        <!-- 数量 -->
        <div class="row">
            <div class="col-md-4 col-sm-6 col-xs-12">
	            <div class="small-box bg-aqua">
		            <div class="inner">
		              <h3>${myAppCount!}</h3>
		
		              <p>我的应用数量</p>
		            </div>
		            <div class="icon">
		              <i class="fa fa-puzzle-piece"></i>
		            </div>
		            <a href="javaScript:Blackboard.openMyAppList()" class="small-box-footer">
		                                      查看列表 <i class="fa fa-arrow-circle-right"></i>
		            </a>
		          </div>
            </div>
            <!-- /.col -->
            <div class="col-md-4 col-sm-6 col-xs-12">
                <div class="small-box bg-yellow">
                    <div class="inner">
                      <h3>${myAppDevCount!}</h3>
        
                      <p>我的开发环境应用数量</p>
                    </div>
                    <div class="icon">
                      <i class="fa fa-bug"></i>
                    </div>
                    <a href="javaScript:Blackboard.openMyAppDev()" class="small-box-footer">
                                                            查看列表 <i class="fa fa-arrow-circle-right"></i>
                    </a>
                  </div>
                <!-- /.info-box -->
            </div>
            <!-- /.col -->
        
            <!-- fix for small devices only -->
            <div class="clearfix visible-sm-block"></div>
        
            <div class="col-md-4 col-sm-6 col-xs-12">
                <div class="small-box bg-green">
                    <div class="inner">
                      <h3>${myAppProCount!}</h3>
        
                      <p>我的正式发布应用数量</p>
                    </div>
                    <div class="icon">
                      <i class="fa fa-coffee"></i>
                    </div>
                    <a href="javaScript:Blackboard.openMyAppPro()" class="small-box-footer">
                                                             查看列表 <i class="fa fa-arrow-circle-right"></i>
                    </a>
                  </div>
                <!-- /.info-box -->
            </div>
            <!-- /.col -->
        </div>
        <!-- 应用 -->
        <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">我的应用</h3>
              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
              </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <div class="row">
                    @for(app in myAppList){
		            <div class="col-md-6 col-sm-6 col-xs-12">
		                <div class="box box-widget widget-user-2">
		                    <!-- Add the bg color to the header using any of the bg-* classes -->
		                    <div class="widget-user-header bg-primary">
		                      <div class="widget-user-image">
		                        <img class="img-circle" src="${backendPath}/file/image/${app.appIcon!}" alt="User Avatar">
		                      </div>
		                      <!-- /.widget-user-image -->
		                      <h3 class="widget-user-username">${app.appName!}</h3>
		                      <h5 class="widget-user-desc">${app.catalogName!}</h5>
		                    </div>
		                    <div class="box-footer no-padding">
		                      <ul class="nav nav-stacked">
		                        <li><a href="#">应用编码：<span class="badge">${app.appCode!}</span></a></li>
		                        <li><a href="#">应用类型：<span class="badge bg-aqua">${app.appTypeName!}</span></a></li>
		                        <li><a href="#">开发环境：<span class="badge bg-green">${app.dev!}</span></a></li>
		                        <li><a href="#">生产环境：<span class="badge bg-red">${app.pro!}</span></a></li>
		                        <li><a href="javaScript:Blackboard.openAppManager('${app.id!}','${app.appName!}')" class="btn" style="background: rgba(0, 0, 0, 0.1);">管理应用</a></li>
		                      </ul>
		                    </div>
		                  </div>
		            </div>
		            @}
		            @if(isEmpty(myAppList)){
		            <div class="text-center">
                     <a class="btn btn-app" href="javaScript:Blackboard.openAddApp()">
                       <i class="fa fa-plus"></i> 注册应用
                     </a>
                    </div>
		            @}
		        </div>
            </div>
          </div>
        
		
    </div>
    <!-- 右-->
    <div class="col-md-4 col-sm-4 col-xs-12">
        <!-- 一键直达 -->
        <div class="box box-danger">
            <div class="box-header with-border">
              <h3 class="box-title">一键直达</h3>
              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
              </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                   <div class="col-md-4 col-sm-4 col-xs-4">
                   <a class="btn btn-app" href="javaScript:Blackboard.openAddApp()">
                       <i class="fa fa-plus"></i> 注册应用
                     </a>
                   </div>
                   <div class="col-md-4 col-sm-4 col-xs-4">
                   <a class="btn btn-app" href="javaScript:Blackboard.openAppApi()">
                       <i class="fa fa-leaf"></i> 公用接口
                     </a>
                   </div>
                   <div class="col-md-4 col-sm-4 col-xs-4">
                   <a class="btn btn-app" href="javaScript:Blackboard.openBBS()">
                       <i class="fa fa-comments-o"></i> 技术交流
                     </a>
                   </div>
            </div>
        </div>
         <div class="box box-warning">
           <div class="box-header ">
             <h3 class="box-title">公告</h3>
             <div class="box-tools pull-right">
               <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
               </button>
             </div>
           </div>
           <!-- /.box-body -->
           <div class="box-footer no-padding">
             <ul class="nav nav-pills nav-stacked">
               @for(notice in noticeList){
                  <li><a href="javaScript:Blackboard.openNotice(${notice.id});">${notice.title}<span class="pull-right text-red">${notice.createDate,"yyyy-MM-dd hh:mm"}</span>
                  </a></li>
               @}
             </ul>
           </div>
           <!-- /.footer -->
         </div>
         <div class="box box-info">
           <div class="box-header ">
             <h3 class="box-title">资源下载</h3>
             <div class="box-tools pull-right">
               <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
               </button>
             </div>
           </div>
           <!-- /.box-body -->
           <div class="box-footer no-padding">
             <ul class="nav nav-pills nav-stacked">
                  <li><a href="http://www.dcloud.io/" target="_blank">HBuilder下载地址<span class="pull-right text-red">访问</span>
                  </a></li>
                  <li><a href="http://www.dcloud.io/helloh5/HelloH5.apk" target="_blank">5+Runtime演示应用下载地址<span class="pull-right text-red">访问</span>
                  </a></li>
                  <li><a href="http://dcloud.io/hellomui/" target="_blank">mui演示应用在线体验【可下载】<span class="pull-right text-red">访问</span>
                  </a></li>
             </ul>
           </div>
           <!-- /.footer -->
         </div>
         <div class="box box-success">
           <div class="box-header ">
             <h3 class="box-title">在线文档</h3>
             <div class="box-tools pull-right">
               <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
               </button>
             </div>
           </div>
           <!-- /.box-body -->
           <div class="box-footer no-padding">
             <ul class="nav nav-pills nav-stacked">
               @for(helper in appHelperList){
                  <li><a href="${helper.helperLink!}" target="_blank">${helper.helperName!}<span class="pull-right text-red">访问</span>
                  </a></li>
               @}
             </ul>
           </div>
           <!-- /.footer -->
         </div>
    </div>
</div>
<script src="${ctxPath}/static/backend/blackboard.js"></script>
@}
